<script>
    // @ts-nocheck
    export let title = '标题';

    export let tips = '';

    export let more = '';
    
</script>
<div class="flexBox">
    <div class="flex1">
        <h2>
            {title}
        </h2>
        {#if tips}
        <p>{tips}</p>
        {/if}
    </div>
    {#if more}
        <a class="more" href="/">
            查看更多
        </a>
    {/if}
    
</div>


<style lang="less">
    
    .flexBox{
        display: flex;
        width: 100%;
        align-items: center;
        margin: 20px 0 32px;
        .flex1{
            flex: 1;
        }
        .more{
            color: var(--app-theme);
        }
    }
    p{
        color: #333;
    }
    h2{
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0;
        font-weight: 600;
        text-align: left;
        width: 100%;
        margin-bottom: 6px;
    }
</style>
